<%@ taglib uri="/WEB-INF/struts-bean.tld" prefix="bean" 
           %><%@ taglib uri="/WEB-INF/struts-html.tld" prefix="html"
           %><%@ taglib uri="/WEB-INF/struts-logic.tld" prefix="logic"
           %><%@ taglib tagdir="/WEB-INF/tags" prefix="cohesion"
           %><%@ page contentType="text/html;charset=ISO-8859-1" import="ve.usb.crm.hibernate.Proyecto"
           %><html:html>
    <head>
        <title><bean:message key="VProyecto.title"/></title>
        <html:base/>
        <%@include file="../header/include.jsp" %>
    </head>
    <body>
        <div id="header"  class="ui-widget-header ui-corner-all">
            <h1><bean:message key="all.title"/></h1>
            <div id="menu">
            </div>
        </div>
        <div id="body_wrapper">
            <div id="body">
                <div id="split">
                    <div class="top"></div>
                    <div id="left">
                        <div id="content">
                            <div class="ui-widget-header ui-corner-top "> <h1> Proyecto </h1></div>
                            <script>

                                function eliminarProyecto(id) {
                                    $( "#dialog-confirm" ).dialog({
                                        resizable: false,
                                        height:140,
                                        modal: true,
                                        buttons: {
                                            "Borrar": function() {
                                                var url = "<html:rewrite action="AEliminarProyecto.do" />?idProyecto="+id;
                                                $(location).attr('href',url);
                                            },
                                            Cancelar: function() {
                                                $( this ).dialog( "close" );
                                            }
                                        }
                                    });
                                };


                                function eliminarTarea(id) {
                                    $( "#dialog-confirm" ).dialog({
                                        resizable: false,
                                        height:140,
                                        modal: true,
                                        buttons: {
                                            "Borrar": function() {
                                                var url = "<html:rewrite action="AEliminarTarea.do" />?idTarea="+id;
                                                $(location).attr('href',url);
                                            },
                                            Cancelar: function() {
                                                $( this ).dialog( "close" );
                                            }
                                        }
                                    });
                                };

                                function eliminarComentario(id) {
                                    $( "#dialog-confirm" ).dialog({
                                        resizable: false,
                                        height:140,
                                        modal: true,
                                        buttons: {
                                            "Borrar": function() {
                                                var url = "<html:rewrite action="AEliminarComentario.do" />?idComentario="+id;
                                                $(location).attr('href',url);
                                            },
                                            Cancelar: function() {
                                                $( this ).dialog( "close" );
                                            }
                                        }
                                    });
                                };

                                function eliminarDocumento(id) {
                                    $( "#dialog-confirm" ).dialog({
                                        resizable: false,
                                        height:140,
                                        modal: true,
                                        buttons: {
                                            "Borrar": function() {
                                                var url = "<html:rewrite action="AEliminarDocumento.do" />?idDocumento="+id;
                                                $(location).attr('href',url);
                                            },
                                            Cancelar: function() {
                                                $( this ).dialog( "close" );
                                            }
                                        }
                                    });
                                };
                            </script>
                            <div id="dialog-confirm" title="Eliminar" style="display: none;">
                                <p><span class="ui-icon ui-icon-alert" style="float:left; margin:0 7px 20px 0;"></span>Se eliminar&aacute; este elemento. Est&aacute; seguro?</p>
                            </div>
                            <script type="text/javascript">
                                $(function() {
                                    $("#tabs").tabs();
                                });
                            </script>
                            <div  class="ui-widget-content ui-widget">

                                <div id="tabs">
                                    <ul>
                                        <li><a href="#tabs-1">Datos Generales</a></li>
                                        
                                        <li><a href="#tabs-3">Comentarios</a></li>
                                        <li><a href="#tabs-4">Documentos Asociados</a></li>


                                    </ul>
                                    <div id="tabs-1">

                                        <div style="float: right;margin: 1% 1% 1% 1%; clear: left;">
                                            <ul class="sf_admin_td_actions fg-buttonset fg-buttonset-single">
                                                <cohesion:actor actors="5"><li class="sf_admin_action_usuario"><html:link action="/APreEditarProyecto.do" paramId="idProyecto" paramName="Proyecto" paramProperty="idProyecto" styleClass="fg-button-mini fg-button ui-state-default fg-button-icon-left"><span class="ui-icon ui-icon-pencil"></span>Editar</html:link></li></cohesion:actor>
                                                <cohesion:actor actors="1"><li class="sf_admin_action_usuario"><a  href="" onclick="eliminarProyecto(<bean:write name="Proyecto" property="idProyecto"/>);return false;" class="fg-button-mini fg-button ui-state-default fg-button-icon-left"><span class="ui-icon ui-icon-trash"></span>Eliminar</a></li></cohesion:actor>
                                                <cohesion:actor actors="5"><li class="sf_admin_action_usuario"><html:link action="/APreProyectos.do" paramId="idProyecto" paramName="Proyecto" paramProperty="idProyecto" styleClass="fg-button-mini fg-button ui-state-default fg-button-icon-left"><span class="ui-icon ui-icon-arrowreturnthick-1-w"></span>Lista de Proyectos</html:link></li></cohesion:actor>
                                                <cohesion:actor actors="5"><li class="sf_admin_action_usuario"><html:link action="/APreCrearDocumento.do" paramId="idProyecto" paramName="Proyecto" paramProperty="idProyecto" styleClass="fg-button-mini fg-button ui-state-default fg-button-icon-left"><span class="ui-icon ui-icon-extlink"></span>Asociar Documento</html:link></li></cohesion:actor>
                                            </ul>
                                        </div>


                                        <div class="show ui-grid-table ui-widget ui-corner-all ui-helper-reset ui-helper-clearfix">

                                            <table>

                                                <tr>
                                                    <td class="atributos ui-state-default ui-th-column">Nombre del Proyecto: </td>
                                                    <td class="valor sf_admin_row ui-widget-content"> ${Proyecto.nombre} </td>
                                                </tr>


                                                <tr>
                                                    <td class="atributos ui-state-default ui-th-column">Fecha Inicio del Contrato: </td>
                                                    <td class="valor sf_admin_row ui-widget-content">${Proyecto.fechaInicioContrato}</td>
                                                </tr>
                                                <tr>
                                                    <td class="atributos ui-state-default ui-th-column">Duraci&oacute;n: </td>
                                                    <td class="valor sf_admin_row ui-widget-content">${Proyecto.duracion}</td>
                                                </tr>
                                                <tr>
                                                    <td class="atributos ui-state-default ui-th-column">Aviso de Vencimiento: </td>
                                                    <td class="valor sf_admin_row ui-widget-content">${Proyecto.avisoDeVencimiento}</td>
                                                </tr>
                                                <tr>
                                                    <td class="atributos ui-state-default ui-th-column">Calle Facturaci&oacute;n: </td>
                                                    <td class="valor sf_admin_row ui-widget-content">${Proyecto.calleFacturacion}</td>
                                                </tr>
                                                <tr>
                                                    <td class="atributos ui-state-default ui-th-column">Ciudad Facturaci&oacute;n: </td>
                                                    <td class="valor sf_admin_row ui-widget-content">${Proyecto.ciudadFacturacion}</td>
                                                </tr>
                                                <tr>
                                                    <td class="atributos ui-state-default ui-th-column">Estado Facturaci&oacute;n: </td>
                                                    <td class="valor sf_admin_row ui-widget-content">${Proyecto.estadoFacturacion}</td>
                                                </tr>
                                                <tr>
                                                    <td class="atributos ui-state-default ui-th-column">Pa&iacute;s Facturaci&oacute;n: </td>
                                                    <td class="valor sf_admin_row ui-widget-content">${Proyecto.paisFacturacion}</td>
                                                </tr>
                                                <tr>
                                                    <td class="atributos ui-state-default ui-th-column">C&oacute;digo Postal Facturaci&oacute;n: </td>
                                                    <td class="valor sf_admin_row ui-widget-content">${Proyecto.codigoPostalFacturacion}</td>
                                                </tr>
                                                <tr>
                                                    <td class="atributos ui-state-default ui-th-column">Calle Env&iacute;o: </td>
                                                    <td class="valor sf_admin_row ui-widget-content">${Proyecto.calleEnvio}</td>
                                                </tr>
                                                <tr>
                                                    <td class="atributos ui-state-default ui-th-column">Ciudad Env&iacute;o: </td>
                                                    <td class="valor sf_admin_row ui-widget-content">${Proyecto.ciudadEnvio}</td>
                                                </tr>
                                                <tr>
                                                    <td class="atributos ui-state-default ui-th-column">Estado Env&iacute;o: </td>
                                                    <td class="valor sf_admin_row ui-widget-content">${Proyecto.estadoEnvio}</td>
                                                </tr>
                                                <tr>
                                                    <td class="atributos ui-state-default ui-th-column">Pa&iacute;s Env&iacute;o: </td>
                                                    <td class="valor sf_admin_row ui-widget-content">${Proyecto.paisEnvio}</td>
                                                </tr>
                                                <tr>
                                                    <td class="atributos ui-state-default ui-th-column">C&oacute;digo Postal Env&iacute;o: </td>
                                                    <td class="valor sf_admin_row ui-widget-content">${Proyecto.codigoPostalEnvio}</td>
                                                </tr>
                                                <tr>
                                                    <td class="atributos ui-state-default ui-th-column">Condiciones Especiales: </td>
                                                    <td class="valor sf_admin_row ui-widget-content">${Proyecto.condicionesEspeciales}</td></tr>
                                                    <% Proyecto proyecto = (Proyecto) request.getAttribute("Proyecto");
                                                                if (proyecto.getFirmadoCliente()) {%>
                                                <tr>
                                                    <td class="atributos ui-state-default ui-th-column">Firmado Cliente: </td>
                                                    <td class="valor sf_admin_row ui-widget-content">S&iacute;</td>
                                                </tr>
                                                <% } else {%>
                                                <tr>
                                                    <td class="atributos ui-state-default ui-th-column">Firmado Cliente: </td>
                                                    <td class="valor sf_admin_row ui-widget-content">S&iacute;</td>
                                                </tr>
                                                <% }%>
                                                <tr>
                                                    <td class="atributos ui-state-default ui-th-column">T&iacute;tulo Firma: </td>
                                                    <td class="valor sf_admin_row ui-widget-content">${Proyecto.tituloFirma}</td>
                                                </tr>
                                                <tr>
                                                    <td class="atributos ui-state-default ui-th-column">Fecha Firma: </td>
                                                    <td class="valor sf_admin_row ui-widget-content">${Proyecto.fechaFirma}</td>
                                                </tr>
                                                <% if (proyecto.getFirmadoCompanya()) {%>
                                                <tr>
                                                    <td class="atributos ui-state-default ui-th-column">Firmado Compa&ntilde;&iacute;a: </td>
                                                    <td class="valor sf_admin_row ui-widget-content">S&iacute;</td>
                                                </tr>
                                                <% } else {%>
                                                <tr>
                                                    <td class="atributos ui-state-default ui-th-column">Firmado Compa&ntilde;&iacute;a: </td>
                                                    <td class="valor sf_admin_row ui-widget-content">No</td>
                                                </tr>
                                                <% }%>
                                                <tr>
                                                    <td class="atributos ui-state-default ui-th-column">Responsable del Proyecto: </td>
                                                    <td class="valor sf_admin_row ui-widget-content">${Proyecto.respProyecto.nombre}</td>
                                                </tr>
                                                <tr>
                                                    <td class="atributos ui-state-default ui-th-column">Descripci&oacute;n del Proyecto: </td>
                                                    <td class="valor sf_admin_row ui-widget-content">${Proyecto.descripcion}</td>
                                                </tr>
                                                <tr>
                                                    <td class="atributos ui-state-default ui-th-column">Porcentaje completado: </td>
                                                    <td class="valor sf_admin_row ui-widget-content">${Proyecto.porcentajeCompletado}%</td>
                                                </tr>
                                            </table>
                                        </div>
                                    </div>

                                    <div id="tabs-3">

                                        <div class="list ui-grid-table ui-widget ui-corner-all ui-helper-reset ui-helper-clearfix">
                                            <display:table name="L_Comentarios" requestURI="/APreTareas.do" pagesize="10"  class="display-tag-tarea" htmlId="display-tag-tarea" id="comentario">
                                                <display:column property="fecha" title="Fecha" sortable="true"/>
                                                <display:column property="personal.nombre" title="Personal" sortable="true"/>
                                                <display:column property="comentario" title="Comentario" sortable="true" />
                                                <display:column title="Acciones">
                                                    <ul class="sf_admin_td_actions fg-buttonset fg-buttonset-single">
                                                        <li class="sf_admin_action_delete"><a  href="" onclick="eliminarComentario(<bean:write name="comentario" property="idComentario"/>);return false;" class="fg-button-mini fg-button ui-state-default fg-button-icon-left"><span class="ui-icon ui-icon-trash"></span>Eliminar</a>
                                                    </ul>
                                                </display:column>

                                            </display:table>

                                            <script>
                                                $(document).ready(function() {

                                                    $('table#display-tag-tarea thead').addClass('ui-widget-header');
                                                    $('table#display-tag-tarea thead tr th').addClass('ui-state-default ui-th-column');
                                                    $('table#display-tag-tarea tbody tr').addClass('sf_admin_row ui-widget-content odd');



                                                });
                                            </script>
                                        </div>

                                        <!--                                            <table border="1" width="100%">
                                                                                        <thead class="ui-widget-header">
                                                                                            <tr>
                                                                                                <th class="atributos ui-state-default ui-th-column" colspan="4" style="text-align: center;">Comentarios</th>
                                                                                            </tr>
                                                                                            <tr>
                                                                                                <th class="ui-state-default ui-th-column" width="25%" style="text-align: center;">Fecha</th>
                                                                                                <th class="ui-state-default ui-th-column" width="25%" style="text-align: center;">Personal</th>
                                                                                                <th class="ui-state-default ui-th-column" width="25%" style="text-align: center;">Comentario</th>
                                                                                                <th class="ui-state-default ui-th-column" width="25%" height="10" style="text-align: center;">Acci&oacute;n</th>
                                                                                            </tr>
                                                                                        </thead>
                                                                                        <tbody id="formularioTabla">
                                        <% request.setAttribute("_vacio", new Object[0]);%>
                                        <logic:iterate id="comentario" collection="${empty L_Comentarios ? _vacio : L_Comentarios }">
                                            <tr>
                                                <td class="ui-state-default ui-th-column">${comentario.fecha}</td>
                                                <td class="ui-state-default ui-th-column">${comentario.personal.nombre}</td>
                                                <td class="ui-state-default ui-th-column">${comentario.comentario}</td>
                                                <td class="ui-state-default ui-th-column">
                                                    <ul class="sf_admin_td_actions fg-buttonset fg-buttonset-single">
                                                        <li class="sf_admin_action_show"><a  href="" onclick="eliminarCliente(<bean:write name="comentario" property="idComentario"/>);return false;" class="fg-button-mini fg-button ui-state-default fg-button-icon-left"><span class="ui-icon ui-icon-trash"></span>Borrar</a></li>
                                                    </ul>
                                                </td>
                                            </tr>
                                        </logic:iterate>

                                    </tbody>
                                </table>-->

                                    </div>
                                    <div id="tabs-4">
                                        <div class="list ui-grid-table ui-widget ui-corner-all ui-helper-reset ui-helper-clearfix">
                                            <display:table name="L_Documentos" requestURI="/APreTareas.do" pagesize="10"  class="display-tag-tarea" htmlId="display-tag-tarea" id="documento">
                                                <display:column property="nombre" title="Nombre" sortable="true"/>
                                                <display:column property="descripcion" title="Descripci&oacute;n" sortable="true"/>
                                                <display:column property="fechaCarga" title="Fecha de Carga" sortable="true" />
                                                <display:column title="Acciones">
                                                    <ul class="sf_admin_td_actions fg-buttonset fg-buttonset-single">
                                                        <li class="sf_admin_action_show"><html:link action="/ADescargarArchivo.do" paramId="idDocumento" paramName="documento" paramProperty="idDocumento" styleClass="fg-button-mini fg-button ui-state-default fg-button-icon-left"><span class="ui-icon ui-icon-pencil"></span>Descargar</html:link></li>
                                                        
                                                        <li class="sf_admin_action_show"><a  href="" onclick="eliminarDocumento(<bean:write name="documento" property="idDocumento"/>);return false;" class="fg-button-mini fg-button ui-state-default fg-button-icon-left"><span class="ui-icon ui-icon-pencil"></span>Eliminar</a></li>
                                                    </ul>
                                                </display:column>

                                            </display:table>

                                            <script>
                                                $(document).ready(function() {

                                                    $('table#display-tag-tarea thead').addClass('ui-widget-header');
                                                    $('table#display-tag-tarea thead tr th').addClass('ui-state-default ui-th-column');
                                                    $('table#display-tag-tarea tbody tr').addClass('sf_admin_row ui-widget-content odd');



                                                });
                                            </script>
                                        </div>
                                        <!--                                            <table border="1" width="100%">
                                                                                        <thead class="ui-widget-header">
                                                                                            <tr>
                                                                                                <th class="atributos ui-state-default ui-th-column" colspan="4" style="text-align: center;">Documentos Asociados</th>
                                                                                            </tr>
                                                                                            <tr>
                                                                                                <th class="ui-state-default ui-th-column" width="25%" style="text-align: center;">Nombre</th>
                                                                                                <th class="ui-state-default ui-th-column" width="25%" style="text-align: center;">Descripci&oacute;n</th>
                                                                                                <th class="ui-state-default ui-th-column" width="25%" style="text-align: center;">&Uacute;ltima Modificaci&oacute;n</th>
                                                                                                <th class="ui-state-default ui-th-column" width="25%" height="10" style="text-align: center;">Acci&oacute;n</th>
                                                                                            </tr>
                                                                                        </thead>
                                                                                        <tbody id="formularioTabla">
                                        <% request.setAttribute("_vacio", new Object[0]);%>
                                        <logic:iterate id="documento" collection="${empty L_Documentos ? _vacio : L_Documentos}">
                                            <tr>
                                                <td class="ui-state-default ui-th-column">${documento.nombre}</td>
                                                <td class="ui-state-default ui-th-column">${documento.descripcion}</td>
                                                <td class="ui-state-default ui-th-column">${documento.fechaCarga}</td>
                                                <td class="ui-state-default ui-th-column">
                                                    <ul class="sf_admin_td_actions fg-buttonset fg-buttonset-single">
                                                        <li class="sf_admin_action_show"><html:link action="/ADescargarArchivo.do" paramId="idDocumento" paramName="documento" paramProperty="idDocumento" styleClass="fg-button-mini fg-button ui-state-default fg-button-icon-left"><span class="ui-icon ui-icon-pencil"></span>Descargar</html:link></li>
                                                        <li class="sf_admin_action_show"><html:link action="/APreModificarDocumento.do" paramId="idDocumento" paramName="documento" paramProperty="idDocumento" styleClass="fg-button-mini fg-button ui-state-default fg-button-icon-left"><span class="ui-icon ui-icon-pencil"></span>Editar</html:link></li>
                                                        <li class="sf_admin_action_show"><a  href="" onclick="eliminarDocumento(<bean:write name="documento" property="idDocumento"/>);return false;" class="fg-button-mini fg-button ui-state-default fg-button-icon-left"><span class="ui-icon ui-icon-trash"></span>Borrar</a></li>
                                                    </ul>
                                                </td>
                                            </tr>
                                        </logic:iterate>

                                    </tbody>
                                </table>-->
                                    </div>

                                    <div id="form_container">
                                      <html:form
                                            action="/ACrearComentario.do" method="post" enctype="multipart/form-data">
                                            <div class="formRow <logic:notEmpty name="comentarioError"> ui-state-error ui-corner-all</logic:notEmpty>">
                                                <div class="labelRow">
                                                    <label for="Comentario">Comentario</label>
                                                </div>
                                                <div class="inputRow">
                                                    <html:textarea styleId="comentario" property="comentario" cols="100" rows="10"/>
                                                </div>
                                                <logic:notEmpty name="comentarioError">
                                                    ${comentarioError}
                                                </logic:notEmpty>
                                            </div>
                                            <html:hidden property="idComentario"/>
                                            <html:hidden property="asociadoA"/>
                                            <html:hidden property="fecha"/>
                                            <html:hidden property="personal"/>
                                            <html:hidden property="categoria"/>

                                            <html:submit styleClass="button"><bean:message key="VCrearComentario.label0"/><%-- ACrearComentario --%></html:submit>
                                        </html:form>
                                    </div>
                                    <br>



                                </div>

                            </div>
                        </div>
                    </div>
                    <div id="right"><%@include file="../administrador/VMenuAdmin.jsp" %></div>
                    <div class="clearer ui-helper-clearfix"></div>
                    <div class="bottom"></div>
                </div>
                <div class="clearer"></div>
            </div>
            <div class="clearer"></div>
        </div>
        <div id="end_body"></div>
        <div id="footer"> <%@include file="/footer/include.jsp" %> </div>
    </body>
</html:html>
